
@import '//at.alicdn.com/t/font_rs74suwtludz33di.css';


$pink: #fb0027;
$blue: #0a5287;
$black: #000;
$green: #3fd0db;

.store-index{
  .header{
    padding: 0.15rem 0;
    background: $green;
    .mui-navigate-right:after{
      color:#fff;
      font-size: .24rem;
    }
    .header-info{
      height: 0.6rem;
      overflow: hidden;
      .avatar{
        float: left;
        width: 0.6rem;
        height: 0.6rem;
        margin-left: 0.15rem;
        overflow: hidden;
        img{
          width: 100%;
          height: 100%;
        }
      }
      .full{
        float: left;
        padding: .1rem 0 0 .15rem;
        p{
          color: #fff;
          &:first-child{
            span{
              &:first-child{
                margin-right: .15rem;
              }
            }
          }
        }
      }
      .name{
        float: right;
        font-size: 0.16rem;
        line-height: 0.6rem;
        margin-right: 0.4rem;
        color: #3b3b3b;
      }
    }
  }
  .box {
    //border-top: 1px solid #c5c5c5;
    .item-row {
      display: -webkit-box;
      .item {

        &:nth-child(odd) {
          border-right: 1px solid #c5c5c5;
        }
        background: #fff;
        width: 50%;
        text-align: center;
        div {
          border-bottom: 1px solid #c5c5c5;
          padding: .25rem;
          height: 1.1rem;

          span {
            display: block;
            height: .3rem;
            &.pink {
              color: #ff0000;
            }
            &.green {
              color: #026799!important;
              &:before {
                -webkit-font-smoothing: antialiased;
                -webkit-text-stroke-width: 1px;
                -moz-osx-font-smoothing: grayscale;
              }
            }
            &.numHide {
              display: none;
            }

          }
          p {
            &.numHide {
              @media (min-width: 375px) {
                line-height: .51rem;
              }
              @media (min-width: 414px) {
                line-height: .49rem;
              }
              line-height: .55rem;
            }
            line-height: .3rem;
          }
          background: #fff;
        }
      }
    }
  }
.order-query-items{
  text-align: center;
  background-color: white;
  margin-top: .1rem;
  border-top: 1px solid #c8c7cc;
  .flex-item{
    position: relative;
    .tip-num{
      right: .2rem;
      top: .1rem;
      width: .16rem;
    }
    p{
      padding-top: .15rem;
    }
    .alifont{
      padding-top: .15rem;
      padding-bottom: .05rem;
      font-size: .24rem;
      &.icon-queren{
        float: left;
        color: #9ddcce;
      }
      &.icon-huoche{
        color: #76ccec;
      }
      &.icon-daishouhuo{
        color: #ff98b2;
      }
      &.icon-tuikuan{
        color: #f5cd62;
      }
    }
    .text{
      padding-bottom: .11rem;
      font-size: .15rem;
      color: #3b3b3b;
    }
  }
  &:after{
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    content: '';
    webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: #c8c7cc;
  }

}
  .commodity{
    background: #fff;
    margin-top: .1rem;
    margin-bottom: 0;
    padding: .15rem;

    &:before{
      position: absolute;
      right: 0;
      top: 0px;
      left: 0;
      height: 1px;
      content: '';
      webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      background-color: #c8c7cc;
    }
  }
  .mui-table-view-cell:after{
    height: 0;
  }
}

